/* Lostsaga layout.css;Last updated on: 2011,0425 by Jung-a Johnson*/

* {margin:0px auto; padding: 0; }
ul, li {list-style: none;}
a:link, a:visited {outline: none; text-decoration: none; color:#000000}
a:hover{text-decoration:underline;}
img {border: none;}
div{margin:0px auto; padding:0;}

body{text-align:center; margin:0px auto; padding:0; }
body.main{background:transparent url("../img/bg/main_bg2.jpg") no-repeat scroll 50% 35px; margin:0 auto; padding:0; }
.bodyout_wrap{ margin:0 auto; padding:0; height:auto;}
.bodywrap{background:transparent url("../img/bg/main_bg2.jpg") no-repeat scroll 50% 0px; margin:0 auto; padding:0; text-align:center; width:980px; height:100%; font-family: arial; font-size:12px;}
/*BTop*/
.bodytop{margin:0 auto; padding:0; width:980px; height:220px; margin-bottom:10px; float:left;}
/*BTop inner*/
.bodytop #page_flash_top{width:980px; height:160px; }
.bodytop #menu_top{background: url("../img/menu/topmenu_slice.jpg") repeat-x 0 0; width:978px; height:58px; border:1px #002a78 solid; }
.bodytop #menu_top .menuwrap{background: url("../img/menu/topmenu_tabs.gif") no-repeat 0 0; width:131px; height:57px; float:left;}
.bodytop #menu_top .tab1{background-position:0px 0px; }
.bodytop #menu_top .tab2{background-position:-131px 0px; }
.bodytop #menu_top .tab3{background-position:-262px 0px; }
.bodytop #menu_top .tab4{background-position:-393px 0px; }
.bodytop #menu_top .tab5{background-position:-524px 0px;}
.bodytop #menu_top .tab6{background-position:-655px 0px;}
.bodytop #menu_top .menuwrap .onlyone{width:100%; height:100%; display:block; }
.bodytop #menu_top .menuwrap .dropdown{width:129px; min-height:30px; _height:30px; overflow-y:auto; _overflow-y:default; border:1px #002a78 solid; display:block; margin-left:-1px; margin-top:0px; background:#315cb0; position:relative; z-index:10; text-align:left; padding:5px 0px;}
.bodytop #menu_top .menuwrap .dropdown a{font-size:14px; color:#ffffff; padding:10px; display:block;}
.bodytop #menu_top .menuwrap .dropdown a:hover{color:#ffd200; text-decoration:none;}

.bodytop #menu_top .tab3 .dropdown{margin-left:-2px;}
.bodytop #menu_top .tab4 .dropdown{margin-left:-3px;}
.bodytop #menu_top .tab5 .dropdown{margin-left:-4px;}
.bodytop #menu_top .tab6 .dropdown{margin-left:-4px;}

.bodytop #download_bt{background: url("../img/bt/download_bt.gif") no-repeat 0 0; width:160px; height:37px; display:block; float:right; margin:10px 5px 0px; margin-right:10px;}
/*BMiddleWrap*/
.bodyinner{ margin:0 auto; padding:0; text-align:center; width:980px; }
/*BFR*/
.bodyrightfloat{float:left; width:140px; height:493px; position:relative; /**/display:none;}
.bodyrightfloat .bodyright_inner{margin:0 auto; padding:0; text-align:center;   width:140px; height:100%;}
.bodyright_hero{position:absolute; left:10px; top:0;  width:130px; height:430px;}
.bodyright_bubble{background: url("../img/menu/bubble.png") no-repeat 0 0; _background: url("../img/menu/bubble.gif") no-repeat 0 0; position:absolute;  left:305px; top:0px; width:136px; height:57px; display:block; /*left:4px; bottom:-342px;*/}
/*BBottom - footer*/
.bodybottom{padding:20px 0px; margin:0 auto; text-align:left; color:#555555;}
.bodybottom a{text-decoration:underline; color:#555555;}

.title_hidden{text-indent:-9999em; display:none;}
.indent{text-indent:-9999em;}
.bold{font-weight:bold;}
.clear{clear:both;}
.more{float:right; color:#555555; }
.more:hover{text-decoration:underline;}

.facebookwrap{background: url("../img/etc/facebook.jpg") no-repeat 0 0; position:absolute; width:104px; height:35px; right:0; top:9px;}
.facebookwrap .facebook_inner{position:relative;}
.facebookwrap a{position:absolute;}
.facebookwrap #facebook{width:34px; height:34px; left:0px; top:0;}
.facebookwrap #twitt{width:34px; height:34px; left:36px; top:0; }
.facebookwrap #youtube{width:34px; height:34px; left:72px; top:0; }
/*BL*/
.inner_leftwrap{width:670px; min-height:700px; _height:700px; overflow-y:auto; _overflow-y:default; float:left; margin-right:10px;}
/*BR*/
.inner_rightwrap{width:300px;  float:left;}

.bodyinner #main_bn{width:670px; height:300px; margin-bottom:10px; background:#000000;}
.bodyinner #img_bn{background: url("../img/main/bn_img.jpg") no-repeat 0 0; width:670px; height:120px; margin-bottom:10px;}
.bodyinner #img_bn a{width:100%; height:100%; display:block;}
.contents_wrap{width:668px; border:1px #555555 solid; min-height:100px; _height:830px; overflow-y:auto; _overflow-y:default; background:#ffffff; padding-bottom:15px;}
.subcontents_wrap{width:640px; border:1px #555555 solid; min-height:550px; _height:550px; overflow-y:auto; _overflow-y:default; background:#ffffff; padding:14px;}
.tab_wrap{width:100%; height:40px;}
.tab_wrap .tab_top{background: url("../img/main/tab_slice_bg.jpg") repeat-x 0 0;width:100%; height:37px;}
.tab_wrap .tab_top .left{float:left; list-style:none; padding:0;}
.tab_wrap .tab_top .left li{float:left; display:block; height:37px;  min-width:20px; _width:20px; overflow-x:auto; _overflow-x:default; }
.tab_wrap .tab_top .left li a{float:left; display:block; height:37px; font-size:14px; font-weight:bold; color:#000000; line-height:37px; padding:0 10px; background:#f8f8f8; border-right:1px #d3d3d3 solid;}
.tab_wrap .tab_top .left li a.on, .tab_wrap .tab_top .left li a:hover{background: url("../img/main/tab_slice.jpg") repeat-x 0 0; color:#ffffff; border-right:none; padding-right:11px; text-decoration:none;}

.tab_wrap .tab_top .right{float:right; line-height:37px;}
.tab_wrap .tab_top .right a{color:#555555; padding:0px 15px;}
.tab_wrap .tab_top .right a:hover{text-decoration:underline;}
.tab_wrap .tab_bottom{background: url("../img/main/tab_bottom.jpg") no-repeat 0 0; width:100%; height:2px;}

.main_entry{width:635px; min-height:50px; overflow-y:auto; _height:90px; _overflow-y:default; padding:20px 0px; border-bottom:1px #d3d3d3 solid; text-align:left;}
.contents_wrap .main_entry:last-child{border-bottom:none;}
.main_entry .left{ width:166px; height:92px; float:left;}
.main_entry .right{float:left; width:440px; min-height:50px; overflow-y:auto; _height:92px; _overflow-y:default; padding-left:14px;}
.main_entry .title{font-weight:bold; font-size:16px; color:#000000}
.main_entry .title:hover{text-decoration:underline;}
.main_entry .text{padding:5px 0px;}
.main_entry .bottomwrap{width:100%; height:15px;}
.main_entry .date{color:#888888; font-size:11px;}
.main_entry .category{font-size:11px; text-transform:capitalize;}

/*sub right menu*/
.inner_rightwrap .right_menu{width:298px; min-height:50px; _height:50px; overflow-y:auto; _overflow-y:default; border:1px #555555 solid; background:#ffffff; margin-bottom:10px; padding-bottom:10px; text-align:left;}
.inner_rightwrap .right_menu .category{background: url("../img/menu/rightmenu_slice.jpg") repeat-x 0 0;  font-weight:bold; height:34px; line-height:34px; text-align:left; font-size:14px;  color:#ffffff;}
.inner_rightwrap .right_menu .category span{padding-left:15px; font-size:14px; color:#ffffff;}
.inner_rightwrap .right_menu .list{padding:5px 15px 0px 15px; font-size:18px; font-weight:bold; display:block;}
.inner_rightwrap .right_menu .list:hover, .inner_rightwrap .right_menu .on{text-decoration:none; color:#235aba;}

.inner_rightwrap #video{width:300px; height:222px; margin-bottom:10px;}
.inner_rightwrap #login_wrap{border:1px #555555 solid; width:298px;  margin-bottom:10px; background:#f5f5f5; }
.inner_rightwrap #login_wrap #login_top{background: url("../img/menu/login_slice.gif") repeat-x 0 0; width:100%; height:36px; line-height:36px; text-align:left; }
.inner_rightwrap #login_wrap #login_top p.title{font-size:14px; font-weight:bold; padding-left:10px; }
.inner_rightwrap #login_wrap #login_top .login_after{font-size:14px; font-weight:bold; padding:4px 10px 0px; }
#login_wrap #login_top #user_title{height:25px; min-width:130px; _width:130px; float:left; display:block; overflow-x:auto; _overflow-x:default; line-height:25px;}
#login_wrap #login_top #logout_bt{background: url("../img/bt/logout_slice.jpg") repeat-x 0 0;   border:1px #909090 solid; display:block; min-width:50px; _width:50px; height:25px; overflow-x:auto; _overflow-x:default; float:right; 
line-height:25px; text-align:center; font-size:12px;}
#login_wrap #login_top #logout_bt:hover{text-decoration:none;}
.inner_rightwrap #login_wrap #login_box{min-height:130px; _height:130px; overflow-y:auto; _overflow-y:default; width:268px; padding:13px; }
#logbox_toptxt{width:268px; padding-bottom:5px; height:15px; display:block;}
#logbox_toptxt .left{font-weight:bold; float:left}
#logbox_toptxt .right{float:right;}
#login_box #ranking_flash{width:240px; height:120px;}

#login_box .inputwrap{width:268px; height:60px;}
#login_box .inputwrap p{height:25px; line-height:25px;}
#login_box .inputwrap input.text{width:165px; height:25px; border:1px #c3c3c3 solid; display:block; float:left; margin-right:5px; margin-bottom:5px; line-height:25px;}
#login_box .inputwrap input.password{width:165px; height:25px; border:1px #c3c3c3 solid; display:block; float:left; margin-right:5px; margin-bottom:0px; line-height:25px;}
#login_box .inputwrap input.checkbox{float:left; width:14px; height:14px; line-height:25px; margin-top:6px}
#login_box .inputwrap #login_bt{background: url("../img/bt/login_bt.jpg") no-repeat 0 0; width:69px; height:27px; display:block; float:left; border:0;}
#login_box #find_password{padding:10px 0px;  float:left;}
#login_box #find_password:hover{text-decoration:underline;}
#login_box .bottomwrap{width:268px; height:40px; }
#login_box #join_for_free{background: url("../img/bt/join_for_free.gif") no-repeat 0 0; width:155px; height:40px; display:block; float:left;}
#login_box #social_id{background: url("../img/bt/social_id.gif") no-repeat 0 0; width:108px; height:40px; display:block; float:right; text-indent:-9999px;}


.inner_rightwrap #astros_wrap{width:100%; height:50px; margin-bottom:10px;}
.inner_rightwrap #astros_wrap #buy_astros{background: url("../img/menu/astros.jpg") no-repeat 0 0; width:148px; height:50px; float:left;}
.inner_rightwrap #astros_wrap #free_astros{background: url("../img/menu/astros.jpg") no-repeat 0 -50px; width:148px; height:50px; float:right;}
.inner_rightwrap #screenshot{width:100%; height:184px; margin-bottom:10px; position:relative;}
.inner_rightwrap #facebook_fanbox{width:100%; height:278px; *margin-bottom:5px;}
.inner_rightwrap #skillmovie{width:100%; height:116px;  margin-bottom:10px;}
.inner_rightwrap #skillmovie a{background: url("../img/menu/skillmovie.png") no-repeat 0 0; _background: url("../img/menu/skillmovie.gif") no-repeat 0 0; display:block; width:100%; height:100%;}
.inner_rightwrap #rankingbox{width:100%; height:210px; overflow-y:auto; _overflow-y:default;}
.inner_rightwrap #rankingbox #ranking_head{background: url("../img/menu/headings.gif") no-repeat 0 0; height:20px; width:100px; float:left;}
.inner_rightwrap #rankingbox .topwrap{width:100%; height:25px;}
#rankingbox .inner_wrap{width:298px; min-height:150px; _height:150px; border:1px #b5b5b5 solid;}
#rankingbox .inner_top_wrap{width:100%; height:35px;}

#rankingbox .inner_top_wrap .general{float:left; width:148px; height:34px; border-right:1px #d3d3d3 solid; border-bottom:1px #d3d3d3 solid; background:#f6f6f6;}
#rankingbox .inner_top_wrap .faction{float:left; width:148px; height:34px; border-bottom:1px #d3d3d3 solid; background:#f6f6f6;}
#rankingbox .inner_top_wrap a{text-align:center; line-height:34px; font-weight:bold;}
#rankingbox .inner_top_wrap a.on, #rankingbox .inner_top_wrap a:hover{border-bottom:1px #f2f2f2 solid; background:#ffffff; text-decoration:none;}

#rankingbox .ranking_table{width:270px; height:130px;}
#rankingbox .ranking_table tr{width:100%; height:26px;}
#rankingbox .ranking_table tr td{heihgt:26px;}
#rankingbox .ranking_table .ranking_entry{ width:100%; height:26px; }

#rankingbox .ranking_table tr td.cel1{width:14px;}
#rankingbox .ranking_table tr td.cel1 span.rank1{background: url("../img/etc/rank_num.gif") no-repeat 0 0; width:14px; height:14px; display:block;}
#rankingbox .ranking_table tr td.cel1 span.rank2{background: url("../img/etc/rank_num.gif") no-repeat 0 -14px; width:14px; height:14px; display:block;}
#rankingbox .ranking_table tr td.cel1 span.rank3{background: url("../img/etc/rank_num.gif") no-repeat 0 -28px; width:14px; height:14px; display:block;}
#rankingbox .ranking_table tr td.cel1 span.rank4{background: url("../img/etc/rank_num.gif") no-repeat 0 -42px; width:14px; height:14px; display:block;}
#rankingbox .ranking_table tr td.cel1 span.rank5{background: url("../img/etc/rank_num.gif") no-repeat 0 -56px; width:14px; height:14px; display:block;}
#rankingbox .ranking_table tr td.cel2{width:168px; text-align:left}
#rankingbox .ranking_table tr td.cel2 span{padding-left:10px;}
#rankingbox .ranking_table tr td.cel3 span.same{background: url("../img/etc/even.gif") no-repeat 0 0; padding-left: 12px; height:26px;}
#rankingbox .ranking_table tr td.cel3 span.up{background: url("../img/etc/updown.gif") no-repeat 0 0; padding-left:14px; height:26px;}
#rankingbox .ranking_table tr td.cel3 span.down{background: url("../img/etc/updown.gif") no-repeat 0 -22px; padding-left:14px; height:26px;}
#rankingbox .ranking_table tr td.cel3 span.faction1{background: url("../img/etc/faction_img2.gif") no-repeat 0 0; width:26px; height:26px; line-height:26px; display:block; margin:0px 4px;}
#rankingbox .ranking_table tr td.cel3 span.faction2{background: url("../img/etc/faction_img2.gif") no-repeat 0 -26px; width:26px; height:26px; line-height:26px;  display:block; margin:0px 4px;}

#rankingbox .ranking_table tr td.level{width:22px;}
/*ranking level img position*/
.ranking_entry .level span{width:22px; height:20px; display:block;}
.ranking_entry .level span.L0{background: url("../img/menu/rank_icon.gif") no-repeat -3px -4px;}
.ranking_entry .level span.L1{background: url("../img/menu/rank_icon.gif") no-repeat -30px -3px;}
.ranking_entry .level span.L2{background: url("../img/menu/rank_icon.gif") no-repeat -57px -3px;}
.ranking_entry .level span.L3{background: url("../img/menu/rank_icon.gif") no-repeat -84px -3px;}
.ranking_entry .level span.L4{background: url("../img/menu/rank_icon.gif") no-repeat -111px -3px;}
.ranking_entry .level span.L5{background: url("../img/menu/rank_icon.gif") no-repeat -136px -5px;}
.ranking_entry .level span.L6{background: url("../img/menu/rank_icon.gif") no-repeat -165px -5px;}
.ranking_entry .level span.L7{background: url("../img/menu/rank_icon.gif") no-repeat -192px -5px;}
.ranking_entry .level span.L8{background: url("../img/menu/rank_icon.gif") no-repeat -218px -5px;}
.ranking_entry .level span.L9{background: url("../img/menu/rank_icon.gif") no-repeat -244px -4px;}

.ranking_entry .level span.L10{background: url("../img/menu/rank_icon.gif") no-repeat -3px -31px;}
.ranking_entry .level span.L11{background: url("../img/menu/rank_icon.gif") no-repeat -30px -31px;}
.ranking_entry .level span.L12{background: url("../img/menu/rank_icon.gif") no-repeat -57px -31px;}
.ranking_entry .level span.L13{background: url("../img/menu/rank_icon.gif") no-repeat -84px -31px;}
.ranking_entry .level span.L14{background: url("../img/menu/rank_icon.gif") no-repeat -111px -31px;}
.ranking_entry .level span.L15{background: url("../img/menu/rank_icon.gif") no-repeat -136px -31px;}
.ranking_entry .level span.L16{background: url("../img/menu/rank_icon.gif") no-repeat -165px -31px;}
.ranking_entry .level span.L17{background: url("../img/menu/rank_icon.gif") no-repeat -192px -31px;}
.ranking_entry .level span.L18{background: url("../img/menu/rank_icon.gif") no-repeat -218px -31px;}
.ranking_entry .level span.L19{background: url("../img/menu/rank_icon.gif") no-repeat -244px -31px;}

.ranking_entry .level span.L20{background: url("../img/menu/rank_icon.gif") no-repeat -3px -59px;}
.ranking_entry .level span.L21{background: url("../img/menu/rank_icon.gif") no-repeat -30px -59px;}
.ranking_entry .level span.L22{background: url("../img/menu/rank_icon.gif") no-repeat -57px -59px;}
.ranking_entry .level span.L23{background: url("../img/menu/rank_icon.gif") no-repeat -84px -59px;}
.ranking_entry .level span.L24{background: url("../img/menu/rank_icon.gif") no-repeat -111px -59px;}
.ranking_entry .level span.L25{background: url("../img/menu/rank_icon.gif") no-repeat -136px -59px;}
.ranking_entry .level span.L26{background: url("../img/menu/rank_icon.gif") no-repeat -165px -59px;}
.ranking_entry .level span.L27{background: url("../img/menu/rank_icon.gif") no-repeat -192px -59px;}
.ranking_entry .level span.L28{background: url("../img/menu/rank_icon.gif") no-repeat -218px -59px;}
.ranking_entry .level span.L29{background: url("../img/menu/rank_icon.gif") no-repeat -244px -59px;}

.ranking_entry .level span.L30{background: url("../img/menu/rank_icon.gif") no-repeat -3px -85px;}
.ranking_entry .level span.L31{background: url("../img/menu/rank_icon.gif") no-repeat -30px -85px;}
.ranking_entry .level span.L32{background: url("../img/menu/rank_icon.gif") no-repeat -57px -85px;}
.ranking_entry .level span.L33{background: url("../img/menu/rank_icon.gif") no-repeat -84px -85px;}
.ranking_entry .level span.L34{background: url("../img/menu/rank_icon.gif") no-repeat -111px -85px;}
.ranking_entry .level span.L35{background: url("../img/menu/rank_icon.gif") no-repeat -136px -85px;}
.ranking_entry .level span.L36{background: url("../img/menu/rank_icon.gif") no-repeat -165px -85px;}
.ranking_entry .level span.L37{background: url("../img/menu/rank_icon.gif") no-repeat -192px -85px;}
.ranking_entry .level span.L38{background: url("../img/menu/rank_icon.gif") no-repeat -218px -85px;}
.ranking_entry .level span.L39{background: url("../img/menu/rank_icon.gif") no-repeat -244px -85px;}

.ranking_entry .level span.L40{background: url("../img/menu/rank_icon.gif") no-repeat -3px -113px;}
.ranking_entry .level span.L41{background: url("../img/menu/rank_icon.gif") no-repeat -30px -113px;}
.ranking_entry .level span.L42{background: url("../img/menu/rank_icon.gif") no-repeat -57px -113px;}
.ranking_entry .level span.L43{background: url("../img/menu/rank_icon.gif") no-repeat -84px -113px;}
.ranking_entry .level span.L44{background: url("../img/menu/rank_icon.gif") no-repeat -111px -113px;}
.ranking_entry .level span.L45{background: url("../img/menu/rank_icon.gif") no-repeat -136px -113px;}
.ranking_entry .level span.L46{background: url("../img/menu/rank_icon.gif") no-repeat -165px -113px;}
.ranking_entry .level span.L47{background: url("../img/menu/rank_icon.gif") no-repeat -192px -113px;}
.ranking_entry .level span.L48{background: url("../img/menu/rank_icon.gif") no-repeat -218px -113px;}
.ranking_entry .level span.L49{background: url("../img/menu/rank_icon.gif") no-repeat -244px -113px;}

.ranking_entry .level span.L50{background: url("../img/menu/rank_icon.gif") no-repeat -3px -139px;}
.ranking_entry .level span.L51{background: url("../img/menu/rank_icon.gif") no-repeat -30px -139px;}
.ranking_entry .level span.L52{background: url("../img/menu/rank_icon.gif") no-repeat -57px -139px;}
.ranking_entry .level span.L53{background: url("../img/menu/rank_icon.gif") no-repeat -84px -139px;}
.ranking_entry .level span.L54{background: url("../img/menu/rank_icon.gif") no-repeat -111px -139px;}

/*sub page*/
.bread{width:100%; text-align:left; padding-bottom:20px; text-transform:capitalize;}
.bread .current{font-weight:bold; color:#235aba; }
.subcontents_wrap .top{width:100%; height:35px; text-align:left; }
.subcontents_wrap .top p{font-weight:bold; font-size:24px; color:#235aba; text-transform:capitalize;}
.subcontents_wrap .top h2{font-weight:bold; font-size:24px; color:#235aba; text-transform:capitalize;}
.subcontents_wrap .top .bottomline{background: url("../img/etc/contents_top.jpg") no-repeat 0 0; width:100%; height:2px; display:block;}
.subcontents_wrap h3{font-weight:bold; font-size:14px; text-align:left;}

/*news entry*/
.subcontents_wrap .entry{width:100%; padding:13px 0px; border-bottom:1px #d3d3d3 solid; text-align:left; overflow-y:auto; _overflow-y:default;}
.subcontents_wrap .entry .left{ width:166px; height:92px; float:left; margin-right:10px;}
.subcontents_wrap .entry .right{float:left; width:440px; display:block;}
.subcontents_wrap .entry .title{font-weight:bold; font-size:16px; color:#000000}
.subcontents_wrap .entry .title:hover{text-decoration:underline;}
.subcontents_wrap .entry .text{padding:10px 0px;}
.subcontents_wrap .entry .bottomwrap{width:100%; height:15px; display:none;}
.subcontents_wrap .entry .date{color:#888888; font-size:11px;}

#paging{clear:both; padding:10px 0px; margin: 0 auto; text-align:center; display: block; width:100%;  height:26px; line-height:26px;}
#paging .divider{color:#999999;}
#paging ul li{display: inline; font-size:12px; line-height:26px; text-align:center;}
#paging ul li a{cursor:pointer; padding:0px 5px}
#paging ul li a.selected, #paging ul li a:hover{color:#235aba; text-decoration:underline;}

/*news view*/
.viewwrap{width:100%;}
.viewwrap .top_{width:100%; padding:5px 0px;}
.viewwrap .top_ .title{float:left; font-weight:bold; font-size:20px;}
.viewwrap .top_ .facebooklike{float:right;  width:100px; height:25px; display:block; overflow:hidden;}
.viewwrap .top_ .facebooklike .inner{float:right; width:81px; height:100%; display:block;}
.viewwrap .top_ .info{text-align:right; padding:5px 0px; width:100%; }
.viewwrap .middle_{width:100%; text-align:left; padding:20px 0px; border-top:1px #d3d3d3 solid; border-bottom:1px #d3d3d3 solid; min-height:500px; _height:500px; overflow-y:auto; _overflow-y:default;}
.viewwrap .bottom_{width:100%; padding:10px 0px; text-align:right; padding-bottom:60px;}
.viewwrap .bottom_ #list_bt{background: url("../img/bt/list_slice.jpg") repeat-x 0 0; text-decoration:none; height:25px; line-height:25px; border:1px #000000 solid; padding:4px 20px; text-align:center; color:#ffffff;}

.subcontents_wrap .time_wrap{width:100%; padding:15px 0px 5px 0px; overflow-y:auto; _overflow-y:default;}
.subcontents_wrap .small_top{padding-top:5px;}
.subcontents_wrap .time_wrap .time_wrap_left{float:left; font-weight:bold; text-align:left;}
.subcontents_wrap .time_wrap .time_wrap_right{float:right; font-size:11px; color:#888888; font-weight:bold;  text-align:right;}
.subcontents_wrap .min_title{font-weight:bold; font-size:14px; text-align:left; padding:5px 0px;}
.subcontents_wrap .time_wrap .page{float:right; font-size:12px; line-height:22px;}
.subcontents_wrap .time_wrap .page .current{font-weight:bold;}

.subcontents_wrap .subtable_wrap{width:100%; }
/*general ranking*/
.subcontents_wrap .subtable_wrap table.general{width:100%;}
.subcontents_wrap .subtable_wrap table.general tr{height:30px; }
.subcontents_wrap .subtable_wrap table.general thead td{background: url("../img/menu/ranking_slice.jpg") repeat-x 0 0; color:#ffffff; font-weight:bold;}
.subcontents_wrap .subtable_wrap table.general thead td.first{border-right:1px #404040 solid; width:70px; }
.subcontents_wrap .subtable_wrap table.general thead td.second{width:95px; border-right:1px #404040 solid;}
.subcontents_wrap .subtable_wrap table.general thead td.third{width:372px; border-right:1px #404040 solid; text-align:left;}
.subcontents_wrap .subtable_wrap table.general thead td.third p{padding-left:15px;}
.subcontents_wrap .subtable_wrap table.general thead td.fourth{text-align:right;}
.subcontents_wrap .subtable_wrap table.general thead td.fourth p{padding-right:5px;}

.subcontents_wrap .subtable_wrap table.general tbody td{border-bottom:1px #d3d3d3 solid;}
.subcontents_wrap .subtable_wrap table.general tbody td.first{ width:70px; color:#ffffff; font-weight:bold; font-size:11px;}
.subcontents_wrap .subtable_wrap table.general tbody td.first p{background: url("../img/etc/ranking_bg.gif") no-repeat 0 -42px; width:44px; line-height:14px;}
.subcontents_wrap .subtable_wrap table.general tbody td.first p.rank1{background-position:0px 0px;}
.subcontents_wrap .subtable_wrap table.general tbody td.first p.rank2{background-position:0px -14px;}
.subcontents_wrap .subtable_wrap table.general tbody td.first p.rank3{background-position:0px -28px;}

.subcontents_wrap .subtable_wrap table.general tbody td.second{width:95px; color:#000000;}
.subcontents_wrap .subtable_wrap table.general tbody td.third{text-align:left; color:#235aba; font-weight:bold; }
.subcontents_wrap .subtable_wrap table.rankings tbody td.third{text-align:left; color:#000000; font-weight:bold; }
.subcontents_wrap .subtable_wrap table.general tbody td.third p{padding-left:15px;}
.subcontents_wrap .subtable_wrap table.general tbody td.fourth{text-align:right;}
.subcontents_wrap .subtable_wrap table.general tbody td.fourth span{padding-right:5px;}
.subcontents_wrap .subtable_wrap table.general tbody td.fourth span.num{padding-right:10px;}

.subcontents_wrap .subtable_wrap table.general tbody td.second span.same{background: url("../img/etc/even.gif") no-repeat 0 0; padding-left: 12px; height:26px;}
.subcontents_wrap .subtable_wrap table.general tbody td.second span.up{background: url("../img/etc/updown.gif") no-repeat 0 0; padding-left:14px; height:26px;}
.subcontents_wrap .subtable_wrap table.general tbody td.second span.down{background: url("../img/etc/updown.gif") no-repeat 0 -22px; padding-left:14px; height:26px;}

.subcontents_wrap .subtable_wrap table.general tbody .level span{width:22px; height:20px; display:block; float:right; line-height:20px;}

.subcontents_wrap .subtable_wrap table.general tbody.noranking p{padding:5px 0px; font-weight:bold;}
.subcontents_wrap .subtable_wrap table.general tbody.noranking p a{text-decoration:underline; color:blue;}

/* faction ranking */
.subcontents_wrap .subtable_wrap table.faction{width:100%;}
.subcontents_wrap .subtable_wrap table.faction tr{height:30px; }
.subcontents_wrap .subtable_wrap table.faction thead td{background: url("../img/menu/ranking_slice.jpg") repeat-x 0 0; color:#ffffff; font-weight:bold; }
.subcontents_wrap .subtable_wrap table.faction thead td p{padding-left:10px;}
.subcontents_wrap .subtable_wrap table.faction thead td.first p{padding-left:0px;}
.subcontents_wrap .subtable_wrap table.faction thead td.first{border-right:1px #404040 solid; width:70px; }
.subcontents_wrap .subtable_wrap table.faction thead td.second{width:178px; border-right:1px #404040 solid; text-align:left;}
.subcontents_wrap .subtable_wrap table.faction thead td.third{width:125px; border-right:1px #404040 solid; text-align:left; }
.subcontents_wrap .subtable_wrap table.faction thead td.fourth{width:130px; border-right:1px #404040 solid; text-align:left;}
.subcontents_wrap .subtable_wrap table.faction thead td.fifth{text-align:left;}

.subcontents_wrap .subtable_wrap table.faction tbody td{border-bottom:1px #d3d3d3 solid; }
.subcontents_wrap .subtable_wrap table.faction tbody td p{padding-left:10px;}
.subcontents_wrap .subtable_wrap table.faction tbody td.first p{padding-left:0px;}
.subcontents_wrap .subtable_wrap table.faction tbody td.first{ width:70px; color:#ffffff; font-weight:bold; font-size:11px; }
.subcontents_wrap .subtable_wrap table.faction tbody td.first p{background: url("../img/etc/ranking_bg.gif") no-repeat 0 -42px; width:44px; line-height:14px;}
.subcontents_wrap .subtable_wrap table.faction tbody td.first p.rank1{background-position:0px 0px;}
.subcontents_wrap .subtable_wrap table.faction tbody td.first p.rank2{background-position:0px -14px;}
.subcontents_wrap .subtable_wrap table.faction tbody td.first p.rank3{background-position:0px -28px;}

.subcontents_wrap .subtable_wrap table.faction tbody td.second{width:178px; color:#000000; text-align:left; font-weight:bold;}
.subcontents_wrap .subtable_wrap table.faction tbody td.third{ width:125px; text-align:left; text-align:left;}
.subcontents_wrap .subtable_wrap table.faction tbody td.fourth{width:130px; text-align:left;}
.subcontents_wrap .subtable_wrap table.faction tbody td.fourth p{text-align:left; line-height:30px}
.subcontents_wrap .subtable_wrap table.faction tbody td.fourth span{background: url("../img/etc/faction_img.gif") no-repeat 0 0; width:27px; height:27px; padding:5px 0px; padding-left:30px; line-height:30px; }
.subcontents_wrap .subtable_wrap table.faction tbody td.fourth span.faction1{background-position:0 0; }
.subcontents_wrap .subtable_wrap table.faction tbody td.fourth span.faction2{background-position:0 -27px;}
.subcontents_wrap .subtable_wrap table.faction tbody td.fifth{text-align:left;}
.subcontents_wrap .subtable_wrap table.faction tbody td.fifth span{float:left; line-height:27px; padding-left:5px;}
.subcontents_wrap .subtable_wrap table.faction tbody td.fifth p{line-height:27px;}
.subcontents_wrap .subtable_wrap table.faction tbody td.fifth img{float:left; width:27px; height:27px; border:0;}
.subcontents_wrap .subtable_wrap table.faction tbody td.fifth img.default{background: url("../img/etc/default.gif") no-repeat 0 0;}

.subcontents_wrap .subtable_wrap table.faction tbody.noranking td p{padding:5px 0px; font-weight:bold;}
.subcontents_wrap .subtable_wrap table.faction tbody.noranking td p a{text-decoration:underline; color:blue;}
/* help */
.subcontents_wrap .hlep{padding:20px 0px; border-bottom:1px #d3d3d3 solid;}
.subcontents_wrap .hlep .left{background: url("../img/etc/helpimg.gif") no-repeat 0 0; width:70px; height:70px; display:block; float:left;}
.subcontents_wrap .hlep .right{font-weight:normal; color:#000000; font-size:12px; float:left; height:70px; width:85%; text-align:left;}
.subcontents_wrap .helptable{padding-top:10px;}
.subcontents_wrap .helptable table tr{width:100%; display:block;}
.subcontents_wrap .helptable table tr td{text-align:left; height:30px;}
.subcontents_wrap .helptable table tr td.celone{padding-left: 20px; font-size: 11px; font-weight: bold; width:100px}


.bt_wrap{padding:10px 0px}
.bt_wrap a:hover{text-decoration:none; }
.red_bt{background: url("../img/bt/list_slice.jpg") repeat-x 0 0; height:25px; line-height:25px; border:1px #000000 solid; padding:0px 20px; text-align:center; color:#ffffff; float:left; margin-right:5px;}
.red_bt span{color:#ffffff;}
.silver_bt{background: url("../img/bt/logout_slice.jpg") repeat-x 0 0; border:1px #909090 solid; padding:0px 20px; height:25px;  line-height:25px; text-align:center; float:left;}

/* download */
.subcontents_wrap .plane{width:100%;}
.plane #clien_download_img{background: url("../img/etc/client_downlaod.jpg") no-repeat 0 0; width:100%; height:287px; display:block; margin-top:10px;}
.plane .minwrap{width:100%; padding:10px 0px;}
.plane .minwrap p.intext{text-align:left; padding:15px 0px;}
.plane .leftwrap{width:430px; float:left; height:100%; padding-right:9px;}
.plane .rightwrap{width:190px; border-left:1px #d3d3d3 solid; float:left; height:100%; padding-left:10px;}
.plane .rightwrap .box_{border-top:1px #d3d3d3 solid; width:100%; margin:5px 0px; padding:5px 0px;}
.plane .rightwrap .box_ .cover{width:100%; padding:3px 0px; overflow-y:auto; _overflow-y:default;}
.plane .rightwrap .box_ .leftimg{float:left;}
.plane .rightwrap .box_ .donwloadimg{background: url("../img/etc/down.gif") no-repeat 0 0; width:14px; height:14px; margin-right:5px;}
.plane .rightwrap .box_ .drivers{background: url("../img/etc/download_drivers.gif") no-repeat 0 0; width:60px; height:60px;}
.plane .rightwrap .box_ #directx{background-position:0 0;}
.plane .rightwrap .box_ #nvidia{background-position:0 -60px;}
.plane .rightwrap .box_ #amd{background-position:0 -120px}
.plane .rightwrap .box_ #codec{background-position:0 -180px;}
.plane .rightwrap .box_ .rightlink{float:left; text-align:left;}
.plane .rightwrap .box_ .rightlink a{color:blue; text-decoration:underline; font-weight:bold; text-transform:capitalize;}
.plane .rightwrap .box_ .clientlinks{}
.plane .rightwrap .box_ .diriverlinks{padding:0px 7px; width:110px;}
.plane .minwrap table{width:100%; margin-top:15px;}
.plane .minwrap table thead td{background: url("../img/menu/ranking_slice.jpg") repeat-x 0 0; color:#ffffff; font-weight:bold; height:30px;}
.plane .minwrap table td{height:30px;}
.plane .minwrap table tbody td{border-bottom:1px #d3d3d3 solid;}
.plane .minwrap table td.first{font-weight:bold; border-right:1px #d3d3d3 solid;}
.plane .minwrap table td.third{border-left:1px #d3d3d3 solid;}

/* screenshot */
#screenshotlistwrap{width:100%; list-style:none; margin-top:10px}
#screenshotlistwrap li{margin:0 auto; padding:0; float:left; width:140px; padding:15px 10px}
#screenshotlistwrap li a{width:140px; height:80px; }
#screenshotlistwrap li a img{width:140px; height:80px;}
#TB_closeWindowButton{float:right}

/* video */
#video_media{width:600px; height:400px; padding-top:20px;}
#video_media_info{ width:600px; padding:10px 0px; line-height:16px; margin-bottom:20px; overflow-y:auto; _overflow-y:default;}
#video_media_info #info_title{float:left; padding-right:5px; font-size:16px; font-weight:bold;}
#video_media_info #info_date{float:left; font-size:11px; }
#video_entrywrap{width:600px;}
.video_entry{width:280px; height:80px; float:left; padding:7px}
.video_entry .video_clip{background:#828282; width:128px; height:71px; float:left; margin-right:5px;}
.video_entry .video_clip img{width:128px; height:71px;}
.video_entry  p{float:left; text-align:left; width:145px;}
.video_entry .video_txttop{font-size:16px; color:#0645ad; font-weight:bold;}
.video_entry .video_txtbottom{font-size:11px;}

/* wallpaper */
.wall_entry{width:310px; height:125px; float:left; margin:5px 3px; padding-top:20px; }
.wall_entry .icon{width:178px; height:121px; float:left;}
.wall_entry a{width:110px; float:left; font-weight:bold; font-size:16px; color:#0645ad; text-decoration:underline;}

/* faq */
.subcontents_wrap .top_noblue{width:100%; height:35px; border-bottom:1px #858585 solid;}
.subcontents_wrap .faq_entry{width:100%; overflow-y:auto; border-bottom:1px solid #D3D3D3; padding:6px 0px; text-align:left;}
.subcontents_wrap .faq_entry .question{font-weight:bold; width:100%; height:19px; line-height:19px; cursor:pointer;}
.subcontents_wrap .faq_entry .question span{width:92px; height:19px; display:block; margin-right:5px; float:left; }
.subcontents_wrap .faq_entry .question .hardware{background: url("../img/etc/faq_img.gif") no-repeat 0 0; display:block;}
.subcontents_wrap .faq_entry .question .patch{background: url("../img/etc/faq_img.gif") no-repeat 0 -19px; display:block;}
.subcontents_wrap .faq_entry .question .game{background: url("../img/etc/faq_img.gif") no-repeat 0 -38px; display:block;}
.subcontents_wrap .faq_entry .question .policy{background: url("../img/etc/faq_img.gif") no-repeat 0 -57px; display:block;}
.subcontents_wrap .faq_entry .question p{float:left}
.subcontents_wrap .faq_entry .answer{width:100%; overflow-y:auto; position:relative; padding-top:18px; padding-bottom:15px;}
.subcontents_wrap .faq_entry .answer .enter_img{background: url("../img/etc/enter_img.gif") no-repeat 0 0; width:13px; height:14px; display:block; position:absolute; top:13px; left:10px;}
.subcontents_wrap .faq_entry .answer p{padding-left:35px; padding-right:5px;}